Welcome to JavaScript!

Styled Text

7.04 通用方法获取和设置元素属性

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Title</title>

</head>

<body>

<input type="text" class="zxw51" name="zxw" id="wyzxw" value="我要好好学习" abc="1123" />

<script type="text/javascript">

var z=document.getElementById("wyzxw")

document.write("<br>");

//获取和设置元素属性的通用方法(推荐使用)

//1、获取任意属性:元素.getAttribute("属性名")

var a=z.getAttribute("abc")

document.write("abc的值是:",a,"<br>");

var b=z.getAttribute("class")

document.write("class的值是:",b,"<br>");

//2、设置任意属性:元素.setAttribute("属性名","属性值")

z.setAttribute("class","zxw51老六")

document.write("class的值是:",z.getAttribute("class"),"<br>");

z.setAttribute("title","老六凉了")

document.write("class的值是:",z.getAttribute("title"),"<br>");

</script>

</body>

</html>